@charset "utf-8";
/*---------------这是CSS样式初始化---------------*/
html{ font-size: 0.8px;}
html, body{width: 100%;padding: 0;margin: 0}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,img,div,dl,dd,dt{margin:0;padding:0;font-family:"黑体";}
h1,h2,h3,h4,h5,h6{ font-weight: normal;padding: 0;margin: 0}
body{ font-size: 0}
ul,li{list-style:none;}
i,em,b{ font-style: normal}
img{ border: none;width: 100%}
a{ text-decoration: none;color: #000}
/*首页头部*/
#header{ background: #f40e32;color: #fff;text-align: center;height: 1.34rem;line-height: 1.34rem;width: 100%}
#header h2{ font-size: 0.6rem;}
.nav{padding: 0.62rem 0.33rem 0.49rem 0.70rem;background: #fff;width:9.78rem;overflow: hidden;margin-bottom: 0.21rem}
.nav .nav-img-left{ width: 1.59rem;height: 1.60rem;padding-right: 0.48rem;float: left}
.nav .nav-title{ padding: 0.22rem 0 0;display: inline-block;margin-right: 1.72rem;float: left}
.nav .nav-title h3{ font-size: 0.52rem;color: #000;height: 0.52rem;line-height: 0.52rem}
.nav .nav-title h3:first-child{ padding-bottom: 0.28rem}
.nav h4{ font-size: 0.42rem;color: #fe0000;float: left;padding-top: 0.22rem}
.nav .nav-img-right{ width: 0.26rem;height: 0.43rem;float: right;padding: 0.54rem 0 0.64rem}
.section{ display: flex;justify-content: space-between;}
.section .section-top{ padding: 0 0rem 0.26rem 0.64rem;background: #fff;margin-bottom: 0.28rem}
.section .section-top dl{ float: left;width: 50%;padding: 0.43rem 0 0.05rem;}
.section .section-top dl dt{ font-size: 0.52rem;color: #000;display: inline-block;height: 0.52rem;line-height: 0.52rem}
.section .section-top dl dt b{ font-size: 0.40rem;}
.section .section-top dl dt em{ font-size: 0.36rem;}
.section .section-top dl dd{ font-size: 0.55rem;color: #ff0000;display: inline-block;height: 0.55rem;line-height: 0.55rem}
.section .section-top dl dd i{ font-size: 0.48rem;}
.section-bottom{ padding-left: 0.53rem;background: #fff;overflow: hidden;margin-bottom: 0.28rem}
.section-bottom ul li{ height: 1.04rem;display: flex;align-items: center;width: 50%;float: left}
.section-bottom ul li img{ width: 0.58rem;height: 0.57rem;padding-right: 0.38rem}
.section-bottom ul li span{ font-size: 0.36rem;color: #000;height: 0.32rem;line-height: 0.36rem}
.sy-title{ background: #fff;padding: 0.43rem 0 0.43rem 0.3rem;margin-bottom: 0.06rem;height: 0.46rem;line-height: 0.46rem;}
.sy-title img{width: 0.48rem;height: 0.47rem;float: left}
.sy-title h3{ font-size: 0.46rem;color: #000;display: inline-block;padding-left: 0.32rem;height: 0.46rem;line-height: 0.46rem;}
.sy-navbar{ width: 100%;background: #fff;height: 2.08rem;margin-bottom: 0.28rem}
.sy-navbar>ul>li{ width: 25%;float: left;text-align: center;padding-top: 0.38rem}
.sy-navbar>ul>li>img{width: 0.56rem;height: 0.54rem;padding-bottom: 0.28rem}
.sy-navbar>ul>li>span{ font-size: 0.36rem;color: #727272;display: flex;justify-content: center;height: 0.36rem;line-height: 0.36rem;position: relative;}
.sy-navbar>ul>li>span>img{ width: 0.22rem;height: 0.22rem;position: absolute;left: 2rem;padding-bottom: 0.28rem}
.sy-navbar>ul>li>span>em{ font-size: 0.22rem;height: 0.22rem;line-height: 0.22rem;color: #fe0000;position: absolute;left: 2.04rem;padding-bottom: 0.28rem}
/*.sy-list{ padding: 0 0.28rem;width: 100%}*/
.sy-list li{ background: #fff;padding: 0.46rem 0.28rem 0.33rem;overflow: hidden;margin-bottom: 0.08rem}
.list-left{float: left}
.list-left img{ width: 0.49rem;height: 0.49rem;float: left;padding-right: 0.34rem}
.list-left span{ font-size: 0.48rem;line-height: 0.46rem;height: 0.46rem;}
.list-right{ width: 0.26rem;height: 0.34rem;float: right;padding-top: 0.08rem}
/*首页结束*/
/*商品详情*/
.top{ padding: 0.5rem 0.45rem 0.32rem;background: #fff;margin-bottom: 0.12rem}
.top h2{ font-size: 0.48rem;padding-bottom: 0.26rem}
.top p{ padding-left: 0.49rem;height: 0.4rem;line-height: 0.4rem;width: 43%;  display: inline-block;}
.top p i{ font-size: 0.4rem;color: #000;padding-right: 0.14rem}
.top p em{ font-size: 0.42rem;color: #fe0000}
.top p:last-child{ text-align: right}
.adv-nav{ background: #f0ff00;width: 100%;height: 1.47rem;margin-bottom: 0.14rem}
.adv-nav-left{ background: url("../images/adv-left-img.png") no-repeat;width: 6.97rem;height: 1.47rem;float: left}
.adv-title{ padding-left: 0.94rem;padding-top: 0.64rem;color: #fff;font-size: 0.4rem;height: 0.4rem;line-height: 0.4rem;display: inline-block}
.adv-price{ padding-left: 0.28rem;padding-top: 0.5rem;color: #fff;font-size: 0.72rem;height: 0.72rem;line-height: 0.72rem;display: inline-block}
.adv-nav-right{ float: right;padding-right: 0.84rem;}
.adv-nav-right p{ font-size: 0.42rem;color: #000;padding-top: 0.32rem;height: 0.42rem;line-height: 0.42rem}
.adv-nav-right span{ font-size: 0.42rem;color: #fe0000;height: 0.42rem;line-height: 0.42rem;padding-top: 0.16rem;display: inline-block}
.adv-record{ padding: 0.20rem 0.68rem 0.28rem 0.50rem;background: #fff;overflow: hidden;margin-bottom: 0.12rem}
.record-top{ padding-bottom: 0.12rem;display: flex;justify-content: space-between;padding-right: 0.36rem;}
.record-top h4{ color: #000;font-size: 0.48rem;height: 0.48rem;line-height: 0.48rem;}
.record-top img{ width: 0.26rem;height: 0.43rem;}
.main-red,.main-blue{ padding-top: 0.2rem;padding-left: 0.12rem;height: 0.45rem}
.main-red h6,.main-blue h6{ width: 0.45rem;height: 0.45rem;background: #fe0000;border-radius: 50%;display: inline-block;float: left}
.main-red span,.main-blue span{overflow: hidden;text-overflow: ellipsis;
  white-space:nowrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;display: inline-block; color: #fe0000;font-size: 0.36rem;height: 0.36rem;line-height: 0.36rem;width: 2.1rem;text-align: center }
.main-red b,.main-blue b{color: #fe0000;font-size: 0.36rem;height: 0.36rem;line-height: 0.36rem;width: 1.8rem;text-align: center ;display: inline-block}
.main-red i,.main-blue i{ font-size: 0.36rem;height: 0.36rem;line-height: 0.36rem;color: #fe0000;width: 2.6rem;text-align: center ;display: inline-block}
.main-red em,.main-blue em{ font-size: 0.36rem;height: 0.36rem;line-height: 0.36rem;color: #fe0000;width: 2.4rem;text-align: center ;display: inline-block }
.main-blue h6{background: #0000ff;}
.main-blue span{color: #000;}
.main-blue b{color: #000;}
.main-blue i{ color: #000}
.main-blue em{ color: #000 }
.adv-list{background: #fff;margin-bottom: 0.08rem}
.adv-list ul li{padding: 0.32rem 0.86rem 0.2rem 0.36rem;overflow: hidden}
.li-left{ float: left}
.li-left span{ font-size: 0.46rem;height: 0.46rem;line-height: 0.46rem;color: #000}
.li-left em{ font-size: 0.46rem;height: 0.46rem;line-height: 0.46rem;color: #fe0000;padding-left: 0.4rem}
.li-left span i{ font-size: 0.3rem;}
.li-right{ float: right}
.li-right span{ font-size: 0.46rem;height: 0.46rem;line-height: 0.46rem;color: #000}
.li-right em{ font-size: 0.46rem;height: 0.46rem;line-height: 0.46rem;color: #fe0000;padding-left: 0.5rem}
.detail-adv{ padding:0.36rem 1.7rem 0.36rem 0.36rem;display: flex;justify-content: space-between;background: #fff;margin-bottom: 0.08rem}
.detail-adv h4{ color: #000;font-size: 0.48rem;height: 0.48rem;line-height: 0.48rem;}
.detail-adv img{ width: 0.26rem;height: 0.43rem;}
.detail-main{ padding: 0.43rem 0;background: #fff;overflow: hidden;margin-bottom: 0.08rem}
.detail-main ul li{ width: 25%;float: left;text-align: center}
.detail-main ul li img{ width: 0.48rem;height: 0.48rem;float: left}
.detail-main ul li span{ font-size: 0.48rem;height: 0.48rem;line-height: 0.48rem;color: #000;float: left;padding-left: 0.2rem}
.detail-content{background: #fff; padding: 0.5rem 0;text-align: center;color: #000;font-size: 0.4rem;line-height: 0.4rem;height: 0.4rem;margin-bottom: 0.16rem}
.detail-content em{ color: #fe0000}
.switch-menu{ width: 100%;height: 0.98rem}
.switch ul a{display: inline-block;padding-top: 0.25rem;text-align: center;padding-bottom: 0.25rem; float: left;width: 33.3%;background: #fff;color: #000;font-size: 0.48rem;height: 0.48rem;line-height: 0.48rem}
.coo{border-bottom: 0.02rem solid#fe0000;padding-bottom: 0.03rem}
.swiper-wrapper{ padding: 0.32rem 0.26rem;background: #fff}
.swiper-wrapper p{padding-bottom: 0.12rem;border-bottom: 0.01rem solid#dedede;margin-bottom: 0.12rem}
.swiper-wrapper p a{ color: #656363;font-size: 0.36rem;}
#footer{width: 100%;height: 1.72rem;background-color: #ddd;position: fixed;bottom: 0;}
.footer-left{ background: #868484;text-align: center;float: left;width: 50%;}
.footer-left p{ color: #fff;font-size: 0.6rem;height: 0.6rem;line-height: 0.6rem;padding-top: 0.3rem;}
.footer-left span{ color: #fff;font-size: 0.4rem;height: 0.4rem;line-height: 0.4rem;padding-top: 0.1rem;display: inline-block;padding-bottom: 0.32rem}
.footer-right{ background: #a7a7a7;text-align: center;float: left;width: 50%;}
.footer-right p{ color: #fff;font-size: 0.6rem; height: 1.72rem;line-height: 1.72rem}
/*.footer-right span{ color: #fff;font-size: 0.4rem;height: 0.4rem;line-height: 0.4rem;padding-top: 0.1rem;display: inline-block;padding-bottom: 0.32rem}*/
/*商品详情结束*/
/*我拍中*/
.head-top{ width: 100%;height: 1.62rem;background: #ff0000;color: #fff;margin-bottom: 0.06rem}
.head-top h1{ padding-top: 0.32rem;display: flex;justify-content: center}
.head-top h1 b{ font-size: 0.72rem;text-align: center;height: 0.72rem;line-height: 0.72rem;}
.head-top h1 i{ font-size: 0.72rem;width: 0.36rem;height: 0.72rem;line-height: 0.72rem;}
.head-top h3{ font-size: 0.48rem;height: 0.48rem;line-height: 0.48rem;display: flex;justify-content: flex-end;margin-right: 1.82rem}
/*.head-time{ padding: 0.21rem 0 0.21rem 1.1rem;color: #000;font-size: 0.48rem;height: 0.48rem;line-height: 0.48rem}*/
.head-list ul li{background: #fff;padding: 0.39rem 0.78rem 0.36rem 0.52rem;margin-bottom: 0.58rem;overflow: hidden}
/*新改9.30*/
.head-list-top{    padding-bottom: 0.24rem;overflow: hidden;width: 7rem;float: left;}
.head-list-top h4{ font-size: 0.36rem;color: #000;width: 7rem;overflow: hidden;padding-bottom: 0.25rem;}

.head-list-bottom{ display: flex;width: 10rem;float: left;overflow: hidden;align-items: center; }
.head-list-bottom h3{ font-size: 0.36rem;color: #000;height: 0.36rem;line-height: 0.36rem;width: 4rem;}
.head-list-bottom h3 em{ font-size: 0.48rem;color: #ff0000;}
.head-list-bottom i{ background: url("../images/on-01.png") no-repeat;background-size:100% 100%;width: 2.17rem;height: 0.56rem;display: inline-block;color: #cc0000;font-size: 0.42rem;font-style: italic;text-align: center;line-height: 0.56rem}
.head-list-bottom .bottom-l .go_pay{ background: url("../images/on-02.png") no-repeat;background-size:100% 100%;width: 1.47rem;height: 0.57rem;display: block;color: #fe0000;font-size: 0.36rem;text-align: left;line-height: 0.57rem;padding-left: 0.1rem;float: right}
.head-list-right{ float: right;}
.head-list-right p{ text-align:center;font-size: 0.34rem;color: #000;height: 0.34rem;line-height: 0.34rem;border: 0.02rem solid#fe0000;padding: 0.03rem;width: 2rem;margin-bottom: 0.3rem}
.head-list-right h5{ font-size: 0.34rem;color: #000;height: 0.34rem;line-height: 0.34rem;border: 0.02rem solid#fe0000;padding: 0.03rem;text-align:center;}
/*我拍中结束*/
/*正在拍*/
.container ul a li{ padding: 0.54rem 1.12rem 0.48rem 0.52rem;background: #fff;margin-bottom: 0.57rem;display: flex;justify-content: space-between;}
.container ul a li .contaner-left h3{ font-size: 0.36rem;color: #000;padding-bottom: 0.3rem}
.container ul a li .contaner-left{ width: 8.6rem;}
.content{ display: flex;justify-content: space-between;align-items: center}
.content h4 i{ font-size: 0.36rem;color: #000;height: 0.36rem;line-height: 0.36rem;padding-right: 0.5rem}
.content h4 b{ font-size: 0.36rem;color: #000;height: 0.36rem;line-height: 0.36rem;}
.content h4 em{ font-size: 0.48rem;color: #fe0000;height: 0.48rem;line-height: 0.48rem}
.contaner-right img{width: 0.26rem;height: 0.43rem; padding-top: 0.3rem}

.right-co{ float: right;width: 4rem;display: inline-block}
.right-co h3{ font-size: 0.36rem;color: #000;height: 0.36rem;line-height: 0.36rem;width: 4.8rem;float: left}
.right-co h5{ font-size: 0.34rem;color: #000;height: 0.34rem;line-height: 0.34rem;border: 0.02rem solid#fe0000;padding: 0.03rem;text-align:center;}
.right-co h3 em{ font-size: 0.42rem;color: #ff0000;width: 2.6rem;display: block;float: right;}
.bottom-l{ width: 3rem}
/*正在拍结束*/


/*注册页面*/
.header-reg{ padding: 0.40rem 0;display: flex;justify-content: center;flex-wrap: wrap;}
.header-reg img{ width: 6.08rem;height: 1.56rem}
.header-reg h3{ padding-top: 0.46rem;font-size: 0.5rem;color: #000;height: 0.48rem;line-height: 0.48rem}
.section-reg{   margin-bottom: 1.32rem; }
.section-reg dl dd{ padding: 0.3rem 0.62rem 0.3rem 0.8rem;background: #fff;margin-bottom: 0.22rem;overflow: hidden}
.section-reg dl dd i{ font-size: 0.45rem;color: #252424;height: 0.45rem;line-height: 0.45rem;width: 2.32rem;display: inline-block;float: left}
.section-reg dl dd input{ border: none;width: 7.06rem;height: 0.45rem;line-height: 0.45rem;font-size: 0.45rem;float: left}
.section-reg dl dd input::-webkit-input-placeholder { color: #cbcad0;font-size: 0.45rem;}
.section-reg dl dd .btnL{ position: relative}
.button{ background: url("../images/login/btnL.png") no-repeat;width: 1.64rem;height: 0.8rem;background-size: 100% 100%;color: #fff;text-align: center;line-height: 0.8rem;font-size: 0.45rem;display: inline-block;position: absolute;right: 0.7rem;margin-top: -0.18rem}
.section-reg dl dt{ padding: 0 0.42rem 0 0.8rem; overflow: hidden;height: 0.94rem}
.section-reg dl dt input[type='checkbox']{ width: 0.94rem; height: 0.94rem; -webkit-appearance:none; outline: none; background: url("../images/login/btnR.png")no-repeat;background-size: 100% 100%; float: left;}
.section-reg dl dt input[type=checkbox]:checked{  background: url("../images/login/checkbox.png")no-repeat; background-size: 100%; width: 0.94rem; height: 0.94rem;}
.section-reg dl dt p{ display: inline-block;font-size: 0.36rem;height: 0.36rem;line-height: 0.36rem;float: right;padding-top: 0.3rem}
.section-reg dl dt p a{color: #b28045}
.footer-reg{ display: flex;justify-content: center;align-items: center;flex-wrap: wrap }
.footer-reg p{ font-size: 0.4rem;color: #ff0000;height: 0.4rem;line-height: 0.4rem;padding-bottom: 0.3rem}
.footer-reg div{ width:9.94rem;line-height: 1.42rem;background: #ff0000;color: #fff; font-size: 0.55rem;height: 1.42rem;text-align: center;border-radius: 0.1rem;margin-bottom: 0.64rem;}
.footer-reg a{ font-size: 0.36rem;color: #1a89d6;height: 0.36rem;line-height: 0.36rem}
/*注册页面结束*/

